<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主页</title>
	</head>
	<style>
		body {
		            background-image: linear-gradient(to bottom right, #fbc2eb, #a6c1ee);
		            text-align: center;
					width: 650px;
					height:680px;
		        }
div
{
	border:2px;
	background:#b0c4de;
	width:500px;
	height:37.5rem;
	border-radius:25px;
	margin:60px 0px 0px 500px;
	box-shadow: 0px 2px 30px #4d4f90;
}
.div1 {
	margin: auto;
	padding: 30px 0px 45px 0px;
	font-family: "微软雅黑";
	font-size: 40px;
}
.div2 {
	font-family: "微软雅黑";
	font-size: 24px;
}
.div3 {
	outline: none;
	border: none;
	width: 400px;
	height: 50px;
	font-size: 18px;
	
}
.div4 {
	outline: none;
	border: none;
	width: 400px;
	height: 10px;
	font-size: 2px;
	color:#b0c4de;
	background: #B0C4DE;
	
}
button {
	font-family: "微软雅黑";
	font-size: 20px;
	width: 120px;
	height: 50px;
	margin: 18px 0px 0px 0px;
	color: #4D4F90;
	background-color:#E6E6FA;
	border: 0.0625rem;
	box-shadow: 0px 2px 30px #D8BFD8;
	border-radius:10px;
}
</style>
</head>
<body>
 <div>
	<p class="div1">步行路径规划查询</p>
    <form action="/results" method="post">
                <p class="div2">起点</p>
				<input class="div3" type="text" name="start"><br></br>
                <p class="div2">终点</p>
				<input class="div3" type="text" name="end"><br></br>
				<input class="div4" type="text" name="key" value="d3db9101f93fc24ecd64266e51e08f39" />
	<button type="submit">点击查询</button>
 </div>

		
</body>
</html>
